body {
    background-color: white;
    font-family: Inter, sans-serif;
}
header {
    padding-bottom: 8rem;
}
.login-left {
    color: white;
}

    .login-left h1 {
        color: #FFA101;
        display: inline;
    }

    .login-left h1:nth-child(2) {
        color: white;
    }

a {
    color: #FFA101;
    font-size: .8rem;
}
a:hover {
    color: #6b6b6b;
}
a:link, a:visited, a:active {
    color: #2b2b2b;
}
footer {
    color: #616161;
}
form{
    min-width:355px;
}
.form-control {
    border-radius: 4px;
    height:auto;
    font-size:1.4em;
}
.form-control:focus {
    border-color: black;
    box-shadow: none;
    outline: #263238;
}
.btn-outline-light:visited,
.btn-outline-light:hover,
.btn-outline-light:active,
.btn-outline-light:focus {
    color: white;
    background-color: #335566;
}
.btn {
    border-radius: 3px;
}
.btn-primary {
    background-color: #002233;
    height:auto;
    font-size:1.4em;
}

.field-validation-error {
    color: red;
}

.rw-words span {
    display: inline-block;
    position: absolute;
    opacity: 0;
    overflow: hidden;
    -webkit-animation: rotateWord 20s linear 0s infinite;
    -moz-animation: rotateWord 20s linear 0s infinite;
    -o-animation: rotateWord 20s linear 0s infinite;
    -ms-animation: rotateWord 20s linear 0s infinite;
    animation: rotateWord 20s linear 0s infinite;
    color: white;
}

.rw-words-1 span:nth-child(1) {
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-delay: 0s;
    -ms-animation-delay: 0s;
    animation-delay: 0s;
}

.rw-words-1 span:nth-child(2) {
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
    -o-animation-delay: 5s;
    -ms-animation-delay: 5s;
    animation-delay: 5s;
}

.rw-words-1 span:nth-child(3) {
    -webkit-animation-delay: 10s;
    -moz-animation-delay: 10s;
    -o-animation-delay: 10s;
    -ms-animation-delay: 10s;
    animation-delay: 10s;
}

.rw-words-1 span:nth-child(4) {
    -webkit-animation-delay: 15s;
    -moz-animation-delay: 15s;
    -o-animation-delay: 15s;
    -ms-animation-delay: 15s;
    animation-delay: 15s;
}

@-webkit-keyframes rotateWord {
    0% {
        opacity: 0;
    }

    2% {
        opacity: 0;
        -webkit-transform: translateY(-30px);
    }

    5% {
        opacity: 1;
        -webkit-transform: translateY(0px);
    }

    17% {
        opacity: 1;
        -webkit-transform: translateY(0px);
    }

    20% {
        opacity: 0;
        -webkit-transform: translateY(30px);
    }

    80% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes rotateWord {
    0% {
        opacity: 0;
    }

    2% {
        opacity: 0;
        -moz-transform: translateY(-30px);
    }

    5% {
        opacity: 1;
        -moz-transform: translateY(0px);
    }

    17% {
        opacity: 1;
        -moz-transform: translateY(0px);
    }

    20% {
        opacity: 0;
        -moz-transform: translateY(30px);
    }

    80% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes rotateWord {
    0% {
        opacity: 0;
    }

    2% {
        opacity: 0;
        -o-transform: translateY(-30px);
    }

    5% {
        opacity: 1;
        -o-transform: translateY(0px);
    }

    17% {
        opacity: 1;
        -o-transform: translateY(0px);
    }

    20% {
        opacity: 0;
        -o-transform: translateY(30px);
    }

    80% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-ms-keyframes rotateWord {
    0% {
        opacity: 0;
    }

    2% {
        opacity: 0;
        -ms-transform: translateY(-30px);
    }

    5% {
        opacity: 1;
        -ms-transform: translateY(0px);
    }

    17% {
        opacity: 1;
        -ms-transform: translateY(0px);
    }

    20% {
        opacity: 0;
        -ms-transform: translateY(30px);
    }

    80% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes rotateWord {
    0% {
        opacity: 0;
    }

    2% {
        opacity: 0;
        transform: translateY(-30px);
    }

    5% {
        opacity: 1;
        transform: translateY(0px);
    }

    17% {
        opacity: 1;
        transform: translateY(0px);
    }

    20% {
        opacity: 0;
        transform: translateY(30px);
    }

    80% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}